<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>考勤统计</title>
    <link rel="stylesheet" href="../dest/css/jedate.css">
    <link rel="stylesheet" href="../dest/css/employees.css">
</head>
<body>
<div class="mod-wrap">
    <!--header-->
    <div class="mod-header">
        <div class="header-bd">
            <a href="#" class="header-logo">e员工|人事云</a>
            <div class="header-info">
                <div class="user-vip"><a href="#">vip</a></div>
                <div class="user-info">
                    <div class="user-pic"><img src="../dest/images/icon-default.png" alt=""></div>
                    <div class="user-name">
                        <h3>张三</h3>
                        <p>方正人才</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--end header-->
    <!--body-->
    <div class="mod-body" id="bodyBox">
        <div class="mod-menu">
            <div class="menu-bd" id="menuBox"></div>
            <a href="javascript:EPS.menu.btn();" class="menu-btn">展开/收起</a>
        </div>
        <div class="mod-content">
            <div class="mod-department">
                <div class="departmentSearch">
                    <div class="mod-search" data-search="enable">
                        <div class="search-bd">
                            <input type="text" class="search-ipt" placeholder="请输入部门名称">
                            <a href="javascript:;" class="search-btn"><i class="fui-font fui-font-e998"></i></a>
                        </div>
                    </div>
                </div>
                <div class="departmentList">
                    <div class="dp-box">
                        <div class="dpb-hd"><a href="javascript:;">武汉方阵人才科技有限公司</a></div>
                        <div class="dpb-bd">
                            <div class="dp-box">
                                <div class="dpb-hd"><a href="javascript:;">移动互联</a></div>
                                <div class="dpb-bd">
                                    <a href="javascript:;" class="dpb-item">张三</a>
                                    <a href="javascript:;" class="dpb-item">李四</a>
                                    <a href="javascript:;" class="dpb-item">王五</a>
                                </div>
                            </div>
                            <div class="dp-box">
                                <div class="dpb-hd"><a href="javascript:;">内网安全</a></div>
                                <div class="dpb-bd">
                                    <div class="dp-box">
                                        <div class="dpb-hd"><a href="javascript:;">内网安全一部</a></div>
                                        <div class="dpb-bd">
                                            <a href="javascript:;" class="dpb-item">赵六</a>
                                            <a href="javascript:;" class="dpb-item">猴子</a>
                                        </div>
                                    </div>
                                    <div class="dp-box">
                                        <div class="dpb-hd"><a href="javascript:;">内网安全二部</a></div>
                                        <div class="dpb-bd">
                                            <a href="javascript:;" class="dpb-item">Starry</a>
                                            <a href="javascript:;" class="dpb-item">尚小羊</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="dp-box">
                                <div class="dpb-hd"><a href="javascript:;">数据安全</a></div>
                                <div class="dpb-bd">
                                    <a href="javascript:;" class="dpb-item">谢小宝</a>
                                    <a href="javascript:;" class="dpb-item">花开宝贵</a>
                                    <a href="javascript:;" class="dpb-item">东风在起</a>
                                    <a href="javascript:;" class="dpb-item">欧阳不修</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mod-secBody" style="margin-left: 330px;">
                <div class="mod-control">
                    <a href="javascript:EPS.attendance.btn.toAddAttendance();" class="btn btn-small btn-rounded btn-green"><i class="fui-font fui-font-e999"></i>添加</a>
                    <a href="javascript:layer.msg('开发中');" class="btn btn-small btn-rounded btn-green"><i class="fui-font fui-font-e99c"></i>修改</a>
                    <a href="javascript:layer.msg('开发中');" class="btn btn-small btn-rounded btn-green"><i class="fui-font fui-font-e937"></i>删除</a>
                    <a href="javascript:layer.msg('开发中');" class="btn btn-small btn-rounded btn-green"><i class="fui-font fui-font-e92a"></i>导入数据</a>
                    <a href="javascript:layer.msg('开发中');" class="btn btn-small btn-rounded btn-green"><i class="fui-font fui-font-e929"></i>到处数据</a>
                    <a href="javascript:layer.msg('开发中');" class="btn btn-small btn-rounded btn-green"><i class="fui-font fui-font-e99a"></i>模版下载</a>
                    <a href="javascript:EPS.attendance.btn.setAttendance();" class="set-salaryItem">上下班时间设置</a>
                    <div class="mod-search" data-search="enable">
                        <div class="search-bd">
                            <input type="text" class="search-ipt" placeholder="请输入关键字" data-enter="EPS.attendance.btn.toSearch">
                            <a href="javascript:;" onclick="EPS.attendance.btn.toSearch(this)" class="search-btn"><i class="fui-font fui-font-e998"></i></a>
                        </div>
                    </div>
                </div>
                <div class="mod-table"></div>
            </div>
        </div>
    </div>
    <!--end body-->
</div>
<template id="tips-addAttendance">
    <div class="tas-search">
        <div class="mod-search" data-search="enable">
            <div class="search-bd">
                <input type="text" class="search-ipt" placeholder="请输入员工姓名或身份证号">
                <a href="javascript:;" class="search-btn"><i class="fui-font fui-font-e998"></i></a>
            </div>
        </div>
    </div>
    <div class="fui-form">
        <form action="">
            <h3>基本信息</h3>
            <div class="form-part">
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">员工编号：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="EmployeeNumber" fm-verify="required" data-name="员工编号" value="{{EmployeeNumber}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">姓名：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="name" fm-verify="required" data-name="姓名" value="{{name}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">身份证号：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="card" fm-verify="required" data-name="员工编号" value="{{card}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">员工类别：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="EmployeeNumber" value="{{EmployeeNumber}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">性别：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="EmployeeNumber" fm-verify="required" data-name="员工编号" value="{{EmployeeNumber}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">一级部门：</label>
                    <div class="form-item-block">
                        <div class="form-item-select">
                            <div class="form-select-title"><input type="text" readonly placeholder="请选择一级部门" class="form-item-input"></div>
                            <ol class="form-select-option" fm-name="department1">
                                <li fm-value="1">北京研发</li>
                                <li fm-value="2">武汉研发</li>
                                <li fm-value="3">南京研发</li>
                            </ol>
                            <input type="hidden" name="student" fm-select="department1" value="{{department1}}">
                        </div>
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">二级部门：</label>
                    <div class="form-item-block">
                        <div class="form-item-select">
                            <div class="form-select-title"><input type="text" readonly placeholder="请选择二级部门" class="form-item-input"></div>
                            <ol class="form-select-option" fm-name="department2">
                                <li fm-value="1">北京研发</li>
                                <li fm-value="2">武汉研发</li>
                                <li fm-value="3">南京研发</li>
                            </ol>
                            <input type="hidden" name="student" fm-select="department2" value="{{department2}}">
                        </div>
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">三级部门：</label>
                    <div class="form-item-block">
                        <div class="form-item-select">
                            <div class="form-select-title"><input type="text" readonly placeholder="请选择三级部门" class="form-item-input"></div>
                            <ol class="form-select-option" fm-name="department3">
                                <li fm-value="1">北京研发</li>
                                <li fm-value="2">武汉研发</li>
                                <li fm-value="3">南京研发</li>
                            </ol>
                            <input type="hidden" name="student" fm-select="department3" value="{{department3}}">
                        </div>
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">在职状态：</label>
                    <div class="form-item-block">
                        <div class="form-item-select">
                            <div class="form-select-title"><input type="text" readonly placeholder="请选择在职状态" class="form-item-input"></div>
                            <ol class="form-select-option" fm-name="state">
                                <li fm-value="1">在职</li>
                                <li fm-value="2">离职</li>
                                <li fm-value="3">退休</li>
                                <li fm-value="4">内退</li>
                                <li fm-value="5">停薪留职</li>
                            </ol>
                            <input type="hidden" name="state" fm-select="state" value="{{state}}">
                        </div>
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">岗位名称：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="job" value="{{job}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">岗位分类：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="jobType" value="{{jobType}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">岗位级别：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="jobLevel" value="{{jobLevel}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">工作地点：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="workplace" value="{{workplace}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">派驻地点：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="location" value="{{location}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">上班时间：</label>
                    <div class="form-item-block">
                        <div class="form-item-data">
                            <input type="text" class="form-item-input form-time-start" name="onDuty" readonly data-name="上班时间" value="{{onDuty}}">
                            <i class="fui-font fui-font-data"></i>
                        </div>
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">下班时间：</label>
                    <div class="form-item-block">
                        <div class="form-item-data">
                            <input type="text" class="form-item-input form-time-end" name="offDuty" readonly data-name="下班时间" value="{{offDuty}}">
                            <i class="fui-font fui-font-data"></i>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <form action="">
            <h3>考勤情况</h3>
            <div class="form-part">
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">考勤号：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="job" value="{{job}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">日期：</label>
                    <div class="form-item-block">
                        <div class="form-item-data">
                            <input type="text" class="form-item-input form-time-start" name="dateTime" readonly data-name="日期" value="{{dateTime}}">
                            <i class="fui-font fui-font-data"></i>
                        </div>
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">旷工时长：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="job" value="{{job}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">迟到时长：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="job" value="{{job}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">早退时长：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="job" value="{{job}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">加班时长：</label>
                    <div class="form-item-block">
                        <input type="text" class="form-item-input" name="job" value="{{job}}">
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">请假：</label>
                    <div class="form-item-block">
                        <div class="form-item-select">
                            <div class="form-select-title"><input type="text" readonly placeholder="请选择请假类型" class="form-item-input"></div>
                            <ol class="form-select-option" fm-name="leaveType">
                                <li fm-value="1">年休假</li>
                                <li fm-value="2">事假</li>
                                <li fm-value="3">病假</li>
                                <li fm-value="4">丧假</li>
                                <li fm-value="5">婚假</li>
                                <li fm-value="6">产假</li>
                                <li fm-value="7">产检假</li>
                                <li fm-value="8">护理假</li>
                                <li fm-value="9">独生子女假</li>
                                <li fm-value="10">调休</li>
                            </ol>
                            <input type="hidden" name="student" fm-select="leaveType" value="{{leaveType}}">
                        </div>
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">上班打卡时间：</label>
                    <div class="form-item-block">
                        <div class="form-item-data">
                            <input type="text" class="form-item-input form-time-start" name="onWork" readonly data-name="上班打卡时间" value="{{onWork}}">
                            <i class="fui-font fui-font-data"></i>
                        </div>
                    </div>
                </div>
                <div class="form-item form-item-50">
                    <label for="" class="form-item-label">下班打卡时间：</label>
                    <div class="form-item-block">
                        <div class="form-item-data">
                            <input type="text" class="form-item-input form-time-end" name="offWork" readonly data-name="下班打卡时间" value="{{offWork}}">
                            <i class="fui-font fui-font-data"></i>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</template>
<template id="tips-setTime">
    <div class="fui-form">
        <form action="">
            <div class="form-item">
                <label for="" class="form-item-label">上班时间：</label>
                <div class="form-item-block">
                    <div class="form-item-data">
                        <input type="text" class="form-item-input form-time-start" name="onDuty" readonly data-name="上班时间" value="{{onDuty}}">
                        <i class="fui-font fui-font-data"></i>
                    </div>
                </div>
            </div>
            <div class="form-item">
                <label for="" class="form-item-label">下班时间：</label>
                <div class="form-item-block">
                    <div class="form-item-data">
                        <input type="text" class="form-item-input form-time-end" name="offDuty" readonly data-name="下班时间" value="{{offDuty}}">
                        <i class="fui-font fui-font-data"></i>
                    </div>
                </div>
            </div>
        </form>
    </div>
</template>
<script src="../dest/js/fui.js"></script>
<script src="../dest/js/common.js"></script>
<script src="../dest/js/data.js"></script>
<script src="../dest/js/eps.js"></script>
<script>
    EPS.menu.i('attendance');
    fui.use(['JsPage','JsTpl','JsForm','layer','JsTable','jeDate'],function(){
        EPS.attendance.i();
    });
</script>
</body>
</html>
